<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>练习2</title>
</head>
<body>
    <div class="tables">
        <table border="1" align="center" id = "table">
            <tr>
                <th name = "name">姓名</th>
                <th name = "pnum">电话</th>
                <th>操作</th>
            </tr>
            <tr>
                <td name = "name">zhang</td>
                <td name="pnum">555 77 854</td>
                <td name = "dele"><a href="javascript:;" >删除</a></td>
            </tr>
            <tr>
                <td name = "name">yang</td>
                <td name = "pnum">555 77 854</td>
                <td name = "dele"><a href="javascript:;">删除</a></td>
            </tr>
            <tr>
                <td name = "name">li</td>
                <td name = "pnum">555 77 854</td>
                <td name = "dele"><a href="javascript:;">删除</a></td>
            </tr>
        </table>
        <br><br><br>
        <table border="1" align="center" id = "inputTable">
            <tr >
                <th>name:</th>
                <td><input type="text" id = "inputName"></td>
                
            </tr>
            <tr >
                <th>phoneNumber:</th>
                <td><input type="text" id = "inputPnum"></td>
            </tr>
            <tr id = "button">
                <td><input type="button" value="添加"></td>
            </tr>
        </table>
    </div>
<script src="02.js"></script>    
</body>
</html>